<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../static/js/jquery-1.8.3.min.js"> </script>
    <script src="../static/js/index.js"></script>

</head>
<body>
<table>
    <thead>
    <tr>
        <th><input type="checkbox" id="all">全选</th>
        <th>名称</th>
        <th>年龄</th>
        <th>职位</th>
        <th>手机号码</th>
        <th>出生年月</th>
        <th>邮箱</th>
        <th>身份证</th>
    </tr>
    </thead>
    <tbody>
    <tr th:each="per:${person.getList()}">
        <td><input type="checkbox" class="pers" name="pers" th:value="${per.id}"></td>
        <td th:text="${per.name}"></td>
        <td th:text="${per.Age}"></td>
        <td th:text="${per.occupation}"></td>
        <td th:text="${per.phone}"></td>
        <td th:text="${#dates.format(per.CreateTime, 'yyyy-MM-dd')}"></td>
        <td th:text="${per.Email}"></td>
        <td th:text="${per.cardNo}"></td>
    </tr>
    </tbody>
    <tfoot>
    <tr >
        <td colspan="7">
            <a href="1">首页</a>
            <a th:if="${person.pageNum} != 1" th:href="${person.pageNum - 1}">上一页</a>
            <a th:if="${person.pageNum} != ${person.pages}" th:href="${person.pageNum + 1}">下一页</a>
            <a th:href="${person.pages}">末页</a>
        </td>
    </tr>
    </tfoot>
</table>
</body>
</html>